<!-- 菜单类型 - 按钮 -->
<template>
    <el-row :gutter="20">
        <el-col :md="24" :lg="12">
            <el-form-item label="菜单名称" prop="title">
                <el-input v-model="form.title" placeholder="" :readonly="billState"></el-input>
            </el-form-item>
        </el-col>
        <el-col :md="24" :lg="12">
            <el-form-item label="显示排序" prop="sort">
                <el-input v-model.number="form.sort" placeholder="" :readonly="billState"></el-input>
            </el-form-item>
        </el-col>
        <el-col :md="24" :lg="12">
            <el-form-item label="权限标识" prop="perms">
                <el-input v-model="form.perms" placeholder="" :readonly="billState"></el-input>
            </el-form-item>
        </el-col>
    </el-row>
</template>

<script setup>
defineProps({
    form: {
        type: Object,
        default: () => {}
    },
    
    billState: {
        type: Boolean,
        default: false
    }
})
</script>

<style lang="scss" scoped>

</style>